<template>
  <div class="schoolInfo">
    <section class="info-container tabPlane">
      <div class="pageContain">
        <el-tabs v-model="activeName">
          <el-tab-pane label="个人信息" name="student_personalInfo">
            <section class="page-content">
              <router-view></router-view>
            </section>
          </el-tab-pane>
          <el-tab-pane label="家庭信息" name="student_familyInfo">
            <section class="page-content">
              <router-view></router-view>
            </section>
          </el-tab-pane>
        </el-tabs>
      </div>
    </section>
  </div>
</template>
<script>

export default {
  name: 'schoolInfo',
  data () {
    return {
      activeName: this.$route.name,
      userType: this.$store.state.user.type
    }
  },
  watch: {
    activeName (val) {
      this.$router.push({name: val})
    }
  }
}
</script>
<style lang="less" scoped>
// .info-container{
//   position: absolute;
//   top: 0;
//   left: 0;
//   right: 0;
//   background-color: #fff;
//   z-index: 200;
//   padding-left: 20px;
// }
.page-content{
  margin: 20px;
  background-color: #fff;
  padding: 20px;
}
</style>
